<template>
  <div class="demo multi">
    <div class="box">
      <div class="color-box" style="background-color: #2db7f5">
        <h2 class="title">Info</h2>
        <div class="text">#2db7f5</div>
      </div>
      <!-- <div class="sub-box">
        <div class="color-box" style="background-color: #2db7f5">
          <h2 class="title">Info</h2>
          <div class="text">#2db7f5</div>
        </div>
        <div class="color-box" style="background-color: #2db7f5">
          <h2 class="title">Info</h2>
          <div class="text">#2db7f5</div>
        </div>
      </div> -->
    </div>
    <div class="box">
      <div class="color-box" style="background-color: #19be6b">
        <h2 class="title">Success</h2>
        <div class="text">#19be6b</div>
      </div>
    </div>
    <div class="box">
      <div class="color-box" style="background-color: #ff9900">
        <h2 class="title">Warning</h2>
        <div class="text">#ff9900</div>
      </div>
    </div>
    <div class="box">
      <div class="color-box" style="background-color: #ed4014">
        <h2 class="title">Error</h2>
        <div class="text">#ed4014</div>
      </div>
    </div>
  </div>
</template>
